<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>唯品会官网首页</title>
	<link rel="stylesheet" href="../styles/index.css">
</head>
<body>
    
    <div class="all">

        <!-- header -->
        <div id="header">
            <div class="header_mid">
                <a href="" class="J-top-banner-left" target="blank" title="2.24尖货到">
                    <span class="J-top-banner-left-text">2月24日早10点开售</span>
                </a>
                <div class="J_top_banner_right">
                    <a href="" class="J-top-banner-link" target="blank" title="女装">
                        <span class="J-top-banner-link-text none">女装</span>
                    </a>
                    <a href="" class="J-top-banner-link" target="blank" title="男装">
                        <span class="J-top-banner-link-text">男装</span>
                    </a>
                    <a href="" class="J-top-banner-link" target="blank" title="鞋包">
                        <span class="J-top-banner-link-text">鞋包</span>
                    </a>
                    <a href="" class="J-top-banner-link" target="blank" title="运动">
                        <span class="J-top-banner-link-text">运动</span>
                    </a>
                    <a href="" class="J-top-banner-link" target="blank" title="配饰">
                        <span class="J-top-banner-link-text">配饰</span>
                    </a>
                    <a href="" class="J-top-banner-link" target="blank" title="童装">
                        <span class="J-top-banner-link-text">童装</span>
                    </a>
                    <a href="" class="J-top-banner-link" target="blank" title="满298减60">
                        <span class="J-top-banner-link-text">满298减60</span>
                    </a>
                    <a href="" class="J-top-banner-link" target="blank" title="满498减80">
                        <span class="J-top-banner-link-text">满498减80</span>
                    </a>
                    <a href="" class="J-top-banner-link" target="blank" title="满980减100">
                        <span class="J-top-banner-link-text">满980减100</span>
                    </a>
                </div>
            </div>
        </div>
        

        <!-- body -->
        <div id="main">
            <div class="main_mid">
                <!-- 登陆 -->
                <div class="login">
                    <!-- 选定所在区域 -->
                    <span class="J-selected-province">广东</span>
                    <i class="icon-dis"></i>
                    <em class="sel-area-botmbod"></em>
                </div>
                
                <!-- 用户信息 -->
                <div class="main_right">    
                    <ul>
                        <li class="J-userinfo">
                            <a href="" class="J-userinfo-link">
                                <p>请登录<i>|</i></p>
                            </a>
                        </li>
                        <li class="J-userinfo">
                            <a href="" class="J-userinfo-link">
                                <p>注册<i>|</i></p>
                            </a>
                        </li>
                        <li class="J-userinfo">
                            <a href="" class="J-userinfo-link">
                                <p>我的订单<i>|</i></p>
                            </a>
                        </li>
                        <li class="J-userinfo">
                            <span class="service-in">
                                <a href="" class="J-userinfo-link">
                                    <p>我的收藏<i class="icon-dis">|</i></p> 
                                </a>
                                
                            </span>        
                               
                        </li>
                        <li class="J-userinfo">
                            <span class="service-in">
                                <a href="" class="J-userinfo-link">
                                     <p>会员俱乐部 <i class="icon-dis">|</i></p>
                                </a>
                               
                            </span>
                        </li>
                        <li class="J-userinfo">
                            <span class="service-in">
                                <a href="" class="J-userinfo-link">
                                    <p>客户服务 <i class="icon-dis">|</i></p>
                                </a>
                               
                            </span>
                        </li>
                        <li class="J-userinfo">
                            <span class="service-in">   
                                <a href="" class="J-userinfo-link">
                                   <p>手机版<i class="icon-dis">|</i></p>
                                </a> 
                                                             
                            </span>
                        </li>
                        <li class="J-userinfo">
                            <span class="service-in">
                                <a href="" class="J-userinfo-link">
                                    <p>更多<i class="icon-dis"></i></p>
                                </a>
                                
                            </span>
                        </li>
                    </ul>
                    
                </div>

                <!--  唯品会 -->
                <div class="weipinhui">
                    <div class="weipinhui_mid">
                        <div class="img">
                            <img src="../images/wph.png" alt="" class="wph">
                        </div>
                        <div id="right">
                                <div class="img">
                                    <img src="../images/zhengpin.png" alt="" class="zhengpin">
                                </div>
                                <div class="img">
                                    <img src="../images/tuihuo.png" alt="" class="tuihuo">
                                </div>
                                <div class="img">
                                    <img src="../images/yunfei.png" alt="" class="yunfei">
                                </div>
                                <div class="img" id="gouwudai">
                                   <i></i>
                                   <p>我的购物袋</p>
                                </div>
                        </div>
                    </div>
                </div>

                <div class="shouye-all" id="top-nav">
                    <!-- 首页 -->
                    <div id="middle">
                        <!-- 首页 左 -->
                        <div class="shouye-left">
                            <ul>
                                <li>
                                    <a href="">首页</a>
                                    <a href="">2.24上新季</a>
                                    <a href="">唯品国际</a>
                                    <a href="">母婴</a>
                                    <a href="">居家</a>
                                    <a href="">男士</a>
                                    <a href="">美妆</a>
                                    <a href="">生活</a>
                                    <a href="">更多</a>
                                </li>
                            </ul> 
                        </div>
                        <!-- 首页  右 -->
                        <div class="shouye-right">
                            <ul>
                                <li>分类</li>
                                <li>预告</li>
                            </ul>
                        </div>
                

                    </div>
                </div>
            </div>
        </div>


        <!--  广告ad -->
        <div class="ad">
           <!--  广告 -->
        </div>
        
        <!-- 特卖专场 -->
        <div class="show">
            <div class="title">
                 标题栏
            </div>
            <div class="clear">
                卖家秀
            </div>
        </div>

        <!-- 查看更多预告 -->
        <div class="advance">
            查看更多预告
        </div>

        <!-- footer -->
        <div id="footer">
            <h1>footer</h1>
        </div>


    </div>


</body>
</html>